<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>服务申请</title>
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/fuwu_sq/fuwu_index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/layer.css" />
		<script src="../../js/layer.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<header class="positionR colorF height7">
			<img src="../../img/pinggu_sq/03.png" />
			<div class="height30"></div>
			<div class="textC font1-4">服务申请</div>
		</header>
		<nav><img src="../../img/fuwu_sq/fuwu-index/banner.png" alt="" /></nav>
		<main id="main" class="none">
			<div v-if="hospitalId != ''">
				<div v-if="response[0] != null && response[0].hospitalId != null">
					<div class="jigou">
						<p>服务机构 :{{hospitalName}}</p>
					</div>
					<ul>
						<li @click="openurl(item)" v-for="item in response" style="display: flex;">
							<div class="left">
								<img :src="ip+item.serviceSmallIcon" onerror="this.src='../../img/fuwu_sq/fuwu-index/fuwu-1.png'" alt="" />
							</div>
							<div class="right">
								<div class="MB10">
									<h1 class="oneline" style="color: #4a4a4a;">{{item.serviceName}}</h1>
								</div>
								<div style="color: #889aa4;width: 91%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
									<span style="font-size: 1.1rem;">{{item.serviceContent? item.serviceContent:"........"}}</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="default" v-else>
					<div class="textDiv">
						<p>您尚未签署医养结合服务协议</p>
						<p>不能申请服务！</p>
					</div>
				</div>
			</div>
		</main>
	</body>

</html>
<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/jquery-1.11.3.min.js"></script>
<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function() {
		$("header img").click(function() {
			window.location.href = "../../index.html"
		})
	})
	var main = new Vue({
		el: '#main',
		data: {
			response: [],
			ip: localStorage.ip,
			hospitalName: '',
			hospitalId: '',
			lxdh: '',
		},
		methods: {
			openurl: function(item) {
				sessionStorage.zhushe = JSON.stringify(item);
				window.location.href = 'zhushe.html';
			}
		}
	})
	ajaxPost(
		Url.FWAPPLY_LIST, {},
		function(data) {
			if(data.status == '1') {
				main.response = data.response;
				var temp = data.response[0] || {};
				main.hospitalName = temp.hospitalName || '';
				main.hospitalId = temp.hospitalId || null;
				main.lxdh = temp.lxdh || '';
			}
		}
	)
	document.getElementById("main").setAttribute("style", "display: block;")
</script>